import React from 'react'
import { Pagination,Autoplay} from 'swiper';
import { Swiper, SwiperSlide} from 'swiper/react';
import 'swiper/css/pagination';
import 'swiper/css/autoplay';
import 'swiper/css';
import { Container } from './style'


export default function ExhibitionSwiper(props) {
   
    const {goods} = props
  return (
    <Container>
        <Swiper
        modules={[ Pagination,Autoplay]}
        pagination
        loop
        autoplay= {{
            disableOnInteraction: false,
            delay: 2000,
            // stopOnLastSlide: false,
            // disableOnInteraction: true,
        }}
        >    
  
     
        <SwiperSlide >
            <img src={goods.imgUrl1} className="swiper_img"/>
        </SwiperSlide>

        <SwiperSlide >
            <img src={goods.imgUrl2} className="swiper_img"/>
        </SwiperSlide>

        </Swiper>
    </Container>
  )
}
